@charset "utf-8";
/* CSS Document */
.banner{position: relative;}
.banner .swiper-pagination-yi{bottom: 20px;position: absolute;bottom:20px;z-index: 1000;text-align: center;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-pagination-yi .swiper-pagination-bullet{margin:0 5px;}
.banner .swiper-pagination-bullet{width: 10px;height: 10px;}
.banner .swiper-pagination-bullet-active{background: #00a1e9;opacity: 1;}
.banner .swiper-button-next{background: none;width: 50px;height: 50px;line-height: 50px;text-align: center;margin-top: -25px;outline: medium;}
.banner .swiper-button-prev{background: none;width: 50px;height: 50px;line-height: 50px;text-align: center;margin-top: -25px;outline: medium;}
.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0px;}
.banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0px;}
.banner .swiper-button-next i, .banner .swiper-button-prev i{font-size: 40px;color: #FFF;}
.banner .subiao{position: absolute;left: 50%;bottom:70px;z-index: 100;width: 50px;text-align: center;margin-left: -25px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.banner .subiao i{color: #FFF;font-size: 30px;opacity: 0.4;}
.banner .subiao p{width: 4px;height: 4px;border-radius: 50px;background: rgba(255,255,255,0.4);margin-top: 4px;}
.banner .subiao p:last-child{width: 6px;height: 6px;}


.dyip{padding: 70px 0;}
.dyip .title{text-align: center;color: #333;font-size: 30px;}
.dyip .box{padding-top:30px;}
.dyip ul{margin-left:-1%;}
.dyip li{float: left;width: 24%;text-align: center;margin-left:1%;margin-bottom: 10px;transition: all 0.3s;position: relative;}
.dyip li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.dyip li .pic{overflow: hidden;}
.dyip li img{width: 100%;transition: all 0.3s;}
.dyip li:hover img{transform: scale(1.2);}
.dyip li p{/*font-weight: 300;*/position: absolute;left: 0px;/*bottom: 0px;*/right: 0px;background: rgba(255,255,255,0.5);line-height: 18px; height: 40px; padding-top: 15px;}
.dyip li a:hover{text-decoration: none;}


.jszc{}
.jszc .title{text-align: center;color: #333;font-size: 30px;}
.jszc ul{margin-top: 30px;margin-left: -1%;display: flex;align-items: stretch;}
.jszc li{float: left;width: 15.6%;background: #00a1e9;padding:20px 0;margin-left: 1%;}
.jszc li i{width: 98px;height: 98px;display: block;line-height: 98px;text-align: center;border-radius: 100px;font-size: 60px;margin:0 auto 10px auto;color: #00a1e9;background: #FFF;}
.jszc li p{line-height: 22px;padding:0 20px;color: #FFF;}


.derp{padding: 70px 0;}
.derp .title{text-align: center;color: #333;font-size: 30px;}
.derp .box{margin-top: 30px;}
.derp .box .video{float: left;width: 48%;}
.derp .box .video video{width: 100%;}
.derp .box .right{width: 48%;float: right;margin-top: 30px;}
.derp .box .right h2{font-size: 24px;font-weight: bold;}
.derp .box .right .txt{color: #666;line-height: 24px;margin-top: 20px;}
.derp .box .right .more{margin-top: 30px;border: 1px solid #DDD;width: 100px;text-align: center;line-height: 30px;}
.derp .box .right .more a{display: block;}
.derp .box .right .more a:hover{display: block;text-decoration: none;}


.dsanp{padding:70px 0;background: #F5F5F5;}
.dsanp .title{text-align: center;color: #333;font-size: 30px;}
.dsanp .dsanp_box{margin-top: 30px;}
.dsanp .left{width: 48%;float: left;}
.dsanp .left .pic{}
.dsanp .left .pic img{width: 100%;}
.dsanp .left .title_bt{padding-top: 20px;}
.dsanp .left .riqi{width: 100px;text-align: center;border-bottom: 1px solid #CCC;padding-bottom: 5px;float: left;}
.dsanp .left .ri{font-size: 28px;}
.dsanp .left .nian{font-size: 18px;}
.dsanp .left .txt{padding-left: 120px;}
.dsanp .left .txt h2{font-size: 16px;font-weight: bold;}
.dsanp .left .txt h2 a:hover{text-decoration: none;}
.dsanp .left .txt p{margin-top: 10px;line-height: 24px;}
.dsanp ul{width: 48%;float: right;}
.dsanp li{margin-bottom: 20px;border: 1px solid #ccc;padding:20px;}
.dsanp li .riqi{width: 100px;text-align: center;border-bottom: 1px solid #CCC;padding-bottom: 5px;float: left;}
.dsanp li .ri{font-size: 28px;}
.dsanp li .nian{font-size: 18px;}
.dsanp li .txt{padding-left: 120px;}
.dsanp li .txt h2{font-size: 16px;font-weight: bold;}
.dsanp li .txt h2 a:hover{text-decoration: none;}
.dsanp li .txt p{margin-top: 10px;line-height: 24px;}



.con{max-width: 1200px;margin:0 auto;padding:50px 0;}

.banner_ny{position: relative;}
.banner_ny img{width: 100%;}
.banner_ny .subnav{position: absolute;left: 0px;bottom:0px;right: 0px;background: rgba(255,255,255,0.9);}
.banner_ny ul{font-size: 0px;text-align: left;max-width: 1200px;margin:0 auto;}
.banner_ny li{display: inline-block;font-size: 16px;width: 20%;line-height: 50px;text-align: center;}
.banner_ny li a{display: block;transition: all 0.3s;color: #333;}
.banner_ny li a:hover{display: block;text-decoration: none;background: #00a1e9;color: #FFF;}
.banner_ny li a.current{background: #00a1e9;color: #FFF;}

.bt_title{font-size: 24px;padding-bottom: 20px;text-align: center;}

.about{line-height: 26px;}
.about p{padding-bottom: 20px;}
.about img{width: 100%;}
.about{}
.about .pic{float: left;width: 45%;}
.about .about_r{width: 52%;float: right;padding-top: 30px;}
.about .about_r h2{font-size: 24px;padding-bottom: 20px;}


.zhengshu ul{margin-left: -2%;}
.zhengshu li{float: left;width: 23%;margin-left: 2%;text-align: center;margin-bottom: 20px;background: #CCC;border:2px solid #CCC;box-sizing: border-box;}
.zhengshu li .pic{}
.zhengshu li p{line-height: 30px;}
.zhengshu li img{width: 100%;}


.power ul{margin-left: -2%;}
.power li{float: left;width: 23%;margin-left: 2%;text-align: center;margin-bottom: 20px;border:1px solid #999;box-sizing: border-box;}
.power li .pic{}
.power li p{line-height: 30px;}
.power li img{width: 100%;}


.news ul{margin-left: -3%;}
.news li{width: 30.333%;float: left;margin-left: 3%;margin-bottom: 30px;}
.news li .pic{position: relative;}
.news li .pic .rq{position: absolute;right: 0px;bottom: 0px;background: #00a1e9;line-height: 40px;padding:0 20px;color: #FFF;}
.news li .pic .rq i{padding-right: 10px;}
.news li img{width: 100%;}
.news li h2{font-size: 18px;font-weight: bold;margin-top: 30px;line-height: 26px; bold;font-family: 'Conv_tt1161m_';}
.news li p{color: #777;line-height: 26px;padding-top: 20px;}
.news li .more{width: 140px;height: 40px;text-align: center;line-height: 40px;border: 2px solid #00a1e9;font-weight: bold;margin-top: 30px;}
.news li .more a{color: #00a1e9;display: block;}
.news li .more a:hover{color: #00a1e9;text-decoration: none;display: block;}


.news_con{width: 70%;float: left;}
.news_con .title{}
.news_con .title h2{font-size: 22px;line-height: 30px;margin-bottom: 10px;font-weight: bold;color: #00a1e9;}
.news_con .title span{color: #999;}
.news_con .box{line-height: 30px;padding-top: 30px;}
.news_con p{padding-bottom: 20px;}

.news_r{width: 25%;float: right;}
.news_r .title{font-size: 18px;font-weight: bold;line-height: 40px;border-bottom: 1px solid #CCC;color: #00a1e9;}
.news_r ul{margin-top: 30px;}
.news_r li{margin-bottom: 30px;}
.news_r li .pic{width: 100px;float: left;}
.news_r li img{width: 100%;}
.news_r li .txt{padding-left: 110px;}
.news_r li h2{font-size: 14px;line-height: 16px; bold;font-family: 'Conv_tt1161m_';}
.news_r li h2 a{color: #333;}
.news_r li h2 a:hover{color: #333;text-decoration: none;}
.news_r li p{color: #999;font-size: 12px;margin-top: 5px;}


.products{}
.products ul{margin-left: -1%;}
.products li{float: left;width: 24%;text-align: center;margin-left: 1%;background: #FFF;margin-bottom: 10px;transition: all 0.3s;}
.products li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.products li .pic{}
.products li img{width: 100%;}
.products li p{line-height: 18px; height: 40px;}
.products li a:hover{text-decoration: none;}


.con_l{width: 25%;float: left;}
.con_subnav{background: #FFF;}
.con_subnav h2{height: 80px;line-height: 80px;background: #00a1e9;font-size: 24px;color: #FFF;font-weight: bold;padding:0 20px;}
.con_subnav h2 i{font-size: 14px;float: right;}
.con_subnav ul{border:1px solid #CCC;border-top: none;}
.con_subnav li{line-height: 60px;border-bottom: 1px solid #CCC;font-size: 18px;}
.con_subnav li a i{font-size: 14px;opacity: 0;float: right;}
.con_subnav li a:hover i{font-size: 14px;opacity: 1;}
.con_subnav li a.current i{font-size: 14px;opacity: 1;}
.con_subnav li a{display: block;padding:0 20px;}
.con_subnav li a:hover{display: block;text-decoration: none;color: #00a1e9;font-weight: bold;background: #F5F5F5;}
.con_subnav li a.current{color: #00a1e9;font-weight: bold;background: #F5F5F5;}

.lxwm{border:1px solid #CCC;margin-top: 20px;background: #FFF;}
.lxwm h2{height: 60px;line-height: 60px;font-size: 18px;padding:0 20px;border-bottom:1px solid #CCC;}
.lxwm .txt{padding:20px;line-height: 24px;}

.products_con{background: #FFF;width: 73%;float: right;box-sizing: border-box;border:1px solid #CCC;}
.products_t{border-bottom: 1px solid #CCC;}
.products_t .left{width: 50%;float: left;box-sizing: border-box;}
.products_t .left .swiper-slide {background-size: cover;background-position: center;}
.products_t .left .swiper-slide img{width: 100%;}
.products_t .left .gallery-top {}
.products_t .left .gallery-thumbs {height: 20%;box-sizing: border-box;padding-top: 10px;}
.products_t .left .gallery-thumbs .swiper-slide {width: 25%;height: 100%;opacity: 0.4;}
.products_t .left .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}

.products_t .right{width: 45%;float: right;margin-right: 3%;margin-top: 20px;}
.products_t .right h2{font-size: 22px;border-bottom: 1px solid #CCC;padding-bottom: 10px;}
.products_t .right .txt{line-height: 24px;padding-top: 20px;}
.products_t .right .buy{width: 120px;height: 40px;line-height: 40px;text-align: center;background: #00a1e9;margin-top: 20px;}
.products_t .right .buy a{color: #FFF;display: block;}
.products_t .right .buy a:hover{color: #FFF;display: block;text-decoration: none;}

.products_b{margin: 20px;}
.products_b .hd{border-bottom: 1px solid #CCC;line-height: 50px;font-size: 18px;}
.products_b .hd ul{border-left: 1px solid #CCC;}
.products_b .hd li{float: left;width: 150px;text-align: center;border-right: 1px solid #CCC;border-top: 1px solid #CCC;cursor: pointer;}
.products_b .hd li.on{background: #00a1e9;color: #FFF;}
.products_b .bd{padding-top:20px;}
.products_b .txt{line-height: 24px;}
.products_b .txt img{max-width: 100%;}


.fenye{margin-top: 10px;}
.fenye ul{font-size: 0px;text-align: center;}
.fenye li{display: inline-block;font-size: 16px;width: 30px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #999;margin:0 3px;}
.fenye li a{display: block;}
.fenye li a:hover{display: block;text-decoration: none;}
.fenye li.current{border: 1px solid #00a1e9;background: #00a1e9;}
.fenye li.current a{color: #FFF;}


.contact{line-height: 30px;}
.contact_l{width: 50%;float: left;}
.contact_l h2{font-size: 24px;padding-bottom: 10px;}
.contact_r{width: 50%;float: right;}
.contact_r img{width: 100%;}

.zxly_er{margin:30px auto;}
.zxly_er h2{text-align: center;font-size: 18px;color: #00a1e9;border-bottom: 1px solid #999;font-weight: bold;line-height: 50px;}
.zxly_er ul{margin-top: 30px;}
.zxly_er li{ width:47%; margin-bottom: 10px;}
.zxly_er li:nth-of-type(odd){float: left;}
.zxly_er li:nth-of-type(even){float: right;}
.zxly_er li p{font-weight: bold;padding-bottom: 5px;}
.zxly_er li p span{color: #cde18f;}
.zxly_er li .input_txt{ width:100%; height:50px; border:1px solid #999; outline:medium; padding:0 2%; font-family:'Conv_tt1161m_';box-sizing: border-box;}
.zxly_er .textarea{  margin:0;}
.zxly_er .textarea textarea{ width:100%; height:100px; border:1px solid #999; outline:medium; padding:1%;box-sizing: border-box;}
.zxly_er .textarea p{font-weight: bold;padding-bottom: 10px;}
.zxly_er .textarea p span{color: #cde18f;}
.zxly_er .more{margin-top:20px;}
.zxly_er .input_btn{ width:200px; height:50px; font-family:'Conv_tt1161m_'; border:0 none; margin-right:10px; color:#FFF; background:#00a1e9;cursor: pointer;outline: medium;font-size: 16px;}
.zxly_er .input_btner{background:#CCC;}